<template>
	<view>
		<view class="list" v-for="(item,i) in list" :key="i">
		</view>
		<view>序号：{{i-1}}</view>
		<view>用户名：{{item.username}}</view>
		<view>手机号：{{item.mobile}}</view>
		<view>Email：{{item.email}}</view>
	</view>
	<view class="btn">
		<button @click="remove(item._id)">删除</button>
		<button @click="gotoDetail(item._id)">编辑</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: []
			}
		},
		onLoad() {
			this.getData();
		}
		methods: {
			getData() {
				console.log("-------------执行查询操作--------------");
				uniCloud.callFunction({
					name: "getUser",
					success: (e) => {
						console.log(e.result);
						this.list = e.result.data;
					}
				})
			},
			remove(_id) {
				console.log("-----------执行删除操作-----------");
				uniCloud.callFunction({
					name: "removeUser",
					data: {
						"id": _id
					},
					success: (e) => {
						console.log(e.result);
						uni.showToast({
							title: "删除成功",
							duration: 2000
						});
						this.getData();
					}
				})
			},
			gotoDetail(_id) {
				console.log("----------执行编辑跳转操作----------");
				uni.navigateTo({
					url: "../edit/edit?id=" + _id
				})
			}
		}
	}
</script>

<style>
	.list {
		border-bottom: 1rpx solid #F1F1F1;
		padding-bottom: 20rpx;
	}

	.btn {
		display: flex;
	}
</style>